<style scoped lang="less" rel="stylesheet/scss">
    .notice{
        line-height:40px; background: #fff;
        width:100%;
        box-sizing: border-box;
        padding:0px 20px;
    }
</style>
<template>
    <div class="content-box">
        <Row>
            <i-col span="24">
                <notice-bar ></notice-bar>
            </i-col>
        </Row>
        <br>
        <Row type="flex" justify="center">

            <i-col span="23">
                <com-infor ></com-infor>
            </i-col>
        </Row>
        <br>
        <Row type="flex" justify="center">
            <i-col span="23">
                <Row :gutter="16">
                    <i-col span="12">
                        <purchased-pro></purchased-pro>
                    </i-col>
                    <i-col span="12">
                        <record-pro></record-pro>
                    </i-col>
                </Row>
            </i-col>
        </Row>
        <br>
    </div>
</template>
<script>
    import NoticeBar from './home/noticeBoard.vue';
    import PurchasedPro from './home/purchasedPro.vue';
    import RecordPro from './home/recordPro.vue';
    import ComInfor from './home/comInfor.vue';
    import Portlet from '../components/portlet.vue';
    export default {
        components:{ NoticeBar,PurchasedPro,Portlet, ComInfor,RecordPro},
        data:()=>({
            purchased:{text:'更多',addr:'/home'},
        }),
    }
</script>
